<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>发布问答</title>
		<meta name="Description" content=""/>
		<meta name="Keywords" content=""/>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	</head>
	<body>
		<!--head-->
    	<div class="head padding_lar30 clearfix">
    		<a href="" class="fl padding_top15"><img src="img/icon63.png" alt="" title=""/></a>
    		<a href="" class="fl head_position nyhead_position"><span>长沙</span></a>
    		<ul class="nav fl clearfix">
    			<li class="this">
    				<a href="" title="">首页</a>
    			</li>
    			<li>
    				<a href="" title=""><i></i>拍房</a>
    			</li>
    			<li>
    				<a href="" title="">掌中购</a>
    			</li>
    			<li>
    				<a href="" title="">推荐有礼</a>
    			</li>
    		</ul>
    		<div class="head_imgbox fl">
    			<img src="img/icon65.png" alt="" title="" class="padding_top30 animated  bounce infinite"/>
    		</div>
    		<div class="head_entrance fr padding_top25">
    			<a href="" title="" class="this">会员登录</a>
    			<a href="" title="">商家入口</a>
    			<span><img src="img/icon66.png" alt="" title=""/>400-716-0164</span>
    		</div>
    	</div>
    	<!--head end-->
    	<!--ny_banner-->
    	<div class="ny_banner300 " style="background: url(images/images54.jpg) no-repeat center center;background-size: cover;"> </div>
    	<!--ny_banner end-->
    	
    	<!--releaseques-->
    	<div class="width1200">
    		<!--releaseques_subnav-->
    		<ul class="releaseques_subnav clearfix">
    			<li>
    				<a href="" title=""> 美食·美景 </a>
    			</li>
    			<li class="this">
    				<a href="" title=""> 在线问答 </a>
    			</li>
    		</ul>
    		<!--releaseques_subnav end-->
    		<!--releaseques-->
    		<div class="releaseques padding_bot110">
    			<div class="input_box margin_bottom20 clearfix">
					<span class="fl">城市：</span>
					<input type="text" name="" id="" value=""  class="fl width170"/>
					<p class="fl margin_left10 font_size12 color_b9b8b8">请输入旅游的城市</p>
				</div>
				<div class="input_box margin_bottom20 clearfix">
					<span class="fl">问题：</span>
					<input type="password" name="" id="" value=""  class="fl width650"/>
					<p class="fl margin_left10 font_size12 color_b9b8b8">*标题最多100个字符</p>
				</div>
				<div class="textarea_box margin_bottom20 clearfix">
					<span class="fl">描述：</span>
					<textarea name="" rows="" cols="" class="fl" placeholder="写的具体点，可以让别人更好的帮助你解答！"></textarea>
				</div>
				<div class="tagbox_box margin_bottom20 clearfix">
					<span class="fl">问题标签：</span>
					<div class="releaseques_addtag fl clearfix fontfamily_song">
						<p class="fl clearfix">
							<span class="fl">攻略</span>
							<img src="img/icon143.png" alt="" title="" class="fl releaseques_delect"/>
						</p>
						<p class="fl clearfix">
							<span class="fl">路线</span>
							<img src="img/icon143.png" alt="" title="" class="fl releaseques_delect"/>
						</p>
						<p class="fl clearfix">
							<span class="fl">美食</span>
							<img src="img/icon143.png" alt="" title="" class="fl releaseques_delect"/>
						</p>
					</div>
					<div class="releaseques_inputbox fl clearfix">
						<input type="text" name=""  value="" placeholder="添加标签"  class="fl" id="releaseques_addtag"/>
						<p class="fl font_size12 color_b0afaf padding_left20">*标签16字符内，最多可选5个标签</p>
					</div>
				</div>
				<button class="releaseques_button ">提交</button>
    		</div>
    		<!--releaseques end-->
    	</div>
    	<!--releaseques end-->
        
    	<!--footer-->
        <div class="myfooter">
        	<div class="footer_info">
        		<div class="width1200 clearfix">
        			<!--left-->
	        		<div class="left fl">
	        		    <div class="imgbox">
	        		    	<img src="img/icon39.png" alt="" title=""/>
	        		    </div>
	        		    <div class="clearfix">
	        		    	<div class="fl imgbox">
	        		    		<img src="img/icon41.png" alt="" title=""/>
	        		    	</div>
	        		    	<div class="fl color_fff padding_left10">
	        		    		<p class="font_size12">24小时服务热线</p>
	        		    		<p class="font_size24">400-716-0164</p>
	        		    	</div>
	        		    </div>
	        		</div>
        			<!--left end-->
	        		<!--right-->
	        		<div class="right fl clearfix">
	        			<div class="footer_ulbox fl">
	        				<p class="footer_titlep">掌中拍</p>
	        				<ul>
	        					<li><a href="" title="">关于我们</a></li>
	        					<li><a href="" title="">精品抢拍 </a></li>
	        					<li><a href="" title="">热门目的地</a></li>
	        					<li><a href="" title="">旅游攻略</a></li>
	        					<li><a href="" title="">工作机会</a></li>
	        					<li><a href="" title="">联系我们</a></li>
	        				</ul>
	        			</div>
	        			<div class="footer_ulbox fl">
	        				<p class="footer_titlep">加盟合作</p>
	        				<ul>
	        					<li><a href="" title="">酒店加盟 </a></li>
	        					<li><a href="" title="">供应商加盟 </a></li>
	        					<li><a href="" title="">加盟政策</a></li>
	        					<li><a href="" title="">我要加盟</a></li>
	        				</ul>
	        			</div>
	        			<div class="footer_ulbox fl">
	        				<p class="footer_titlep">帮助中心</p>
	        				<ul>
	        					<li><a href="" title="">新手上路 </a></li>
	        					<li><a href="" title="">使用帮助 </a></li>
	        					<li><a href="" title="">会员条款</a></li>
	        					<li><a href="" title="">旅游攻略</a></li>
	        				</ul>
	        			</div>
	        			<div class="footer_rightbox fl">
	        				<p class="footer_titlep">关于我们</p>
	        				<ul class="clearfix padding_top10">
	        					<li class="padding_right20">
	        						<div class="imgbox">
	        							<img src="img/icon40.png" alt="" title=""/>
	        						</div>
	        						<p class="padding_top10">掌中拍app下载</p>
	        					</li>
	        					<li>
	        						<div class="imgbox">
	        							<img src="img/icon40.png" alt="" title=""/>
	        						</div>
	        						<p class="padding_top10">微信关注掌中拍</p>
	        					</li>
	        				</uls>
	        			</div>
	        		</div>
	        		<!--right end-->
	        	</div>
        	</div>
        	<div class="copyright">
        		<div class="width1200 font_size12 color_777676">
        			<p class="fl">Copyright 2017 ©掌中拍版权所有  备案号：湘ICP备16000832</p>
        			<p class="fr">网站地图 | 隐私政策 | 长沙网站建设—创研科技<img src="img/icon42.png" alt="" title=""/></p>
        		</div>
        	</div>
        </div>
        <!--footer end-->
        <!--右侧固定开始-->
		<div class="fixed_box" style="display: block;">
			<p style="margin-left: -46px;"><i><img src="img/icon43.png" alt="短信" title=""></i><a href="" target="_blank" title="">在线咨询</a></p>
			<p style="margin-left: -46px;" class="fixed_wx"><i><img src="img/icon44.png" alt="微信" title=""></i><em><img src="img/icon40.png" alt="" title=""></em></p>
			<p style="margin-left: -46px;"><i><img src="img/icon45.png" alt="" title=""></i><em>0731-85539437</em></p>
			<p style="margin-left: -46px;" ><i><img src="img/icon46.png" alt="电话" title=""></i><em>0731-85539437</em></p>
			<p style="margin-left: -46px;" class="back_top"><i><img src="img/icon47.png" alt="返回顶部" title=""></i></p>
		</div>
		<!--右侧固定结束-->
	</body>
</html>
<script src="js/jquery-1.12.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$("#releaseques_addtag").blur(function  () {
		var tag_num=$(".releaseques_addtag p").length;
		var this_val=$(this).val();
		this_val=this_val.replace(/\s/g,""); //去掉所有空格
		var testchar=/^[\da-zA-Z_\u4e00-\u9f5a]{4,16}$/;//16个字符
		if(tag_num<5&&this_val!==""&&testchar.test(this_val)){
			var newp=$("<p class='fl clearfix'> <span class='fl'>"+this_val+"</span><img src='img/icon143.png' alt='' title='' class='fl releaseques_delect'/></p>");
			$(".releaseques_addtag").append(newp);
			$(this).val("");
		}
	})
	$(".releaseques_addtag").on("click",".releaseques_delect",function  () {
		$(this).parent("p").remove();
	})
</script>